<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/shopcart.css">
    <script type="text/javascript" src="js/jquery-3.4.0.min.js"></script>
    <script type="text/javascript" src="js/rootfont.js"></script>
    <script type="text/javascript" src="js/shoppingcart.js"></script>
</head>

<body>
    <div class="public-header">
        <div class="public-container clearfix">
            <div class="status">
                <img src="images/status.png">
            </div>
            <div class="person-top clearfix">
                <span class="fl">购物车</span>
                <a href="#"><img class="menu fr" src="images/setting_icon.png"></a>
            </div>
        </div>
    </div>
    <div class="commodity">
    <div class="public-lframe">
        <div class="public-rframe">
            <div class="shop bottom-soild">
                <img class="icon-shop" src="images/icon_shop.png" alt="">
                <span>某某店铺</span>
            </div>
        </div>
        <div class="public-rframe">
            <!-- <div class="product bottom-soild clearfix"> 
                <img class="product_img" src="images/product.png" alt="">
                <div class="fr">
                    <div class="product_title">
                        <span>LME 美妆 美体护理 杏仁蜂蜜身体保湿润肤乳500ml</span>
                        <p>
                            <span class="icon_cny">¥ </span><span class="product_price">45</span>                            
                        </p>                        
                    </div>
                    <a href="#">
                        <img class="icon_rubbish" src="images/icon_rubbish.png" alt="">
                    </a>
                </div>
                <div class="product_number fr">
                        <span>-</span><span class="left-soild">1</span><span class="left-soild">+</span>
                </div>
            </div> -->
            <div class="main">
                <ul class="main_shop">
                    <li class="shop_list" id="item1">                        
                        <div class="checked">
                            <div class="checks"></div>
                        </div>
                        <div class="content">
                            <div class="content_top">
                                
                                <div class="img">
                                    <img src="images/product.png" alt="">
                                </div>
                                <div class="text">
                                        <a href="product.html">
                                    <div class="tit">
                                        <p>LME 美妆 美体护理 杏仁蜂蜜身体保湿润肤乳500ml</p>
                                        <div></div>
                                    </div>
                                </a>
                                    <div class="price">
                                        <div class="price_left">
                                            <span>￥</span><span class="mon">50</span>                                            
                                        </div>
                                        <div class="price_right">
                                            <div class="mrnus">-</div>
                                            <div class="cont">0</div>
                                            <div class="add">+</div>
                                        </div>
                                        <input type="hidden" class="total" value="0" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="shop_list" id="item2">
                        <div class="checked">
                            <div class="checks"></div>
                        </div>
                        <div class="content">
                            <div class="content_top">
                                <div class="img">
                                    <img src="images/product.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="tit">
                                        <p>LME 美妆 美体护理 杏仁蜂蜜身体保湿润肤乳500ml</p>
                                        <div></div>
                                    </div>
                                    <div class="price">
                                        <div class="price_left">
                                            <span>￥</span><span class="mon">50</span>
                                        </div>
                                        <div class="price_right">
                                            <div class="mrnus">-</div>
                                            <div class="cont">0</div>
                                            <div class="add">+</div>
                                        </div>
                                        <input type="hidden" class="total" value="0" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="public-lframe">
        <div class="public-rframe">
            <div class="shop bottom-soild">
                <img class="icon-shop" src="images/icon_shop.png" alt="">
                <span>某某某某店铺</span>
            </div>
        </div>
        <div class="public-rframe">
            <div class="main">
                <ul class="main_shop">
                    <li class="shop_list" id="item3">
                        <div class="checked">
                            <div class="checks"></div>
                        </div>
                        <div class="content">
                            <div class="content_top">
                                <div class="img">
                                    <img src="images/product.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="tit">
                                        <p>LME 美妆 美体护理 杏仁蜂蜜身体保湿润肤乳500ml</p>
                                        <div></div>
                                    </div>
                                    <div class="price">
                                        <div class="price_left">
                                            <span>￥</span><span class="mon">50</span>
                                        </div>
                                        <div class="price_right">
                                            <div class="mrnus">-</div>
                                            <div class="cont">0</div>
                                            <div class="add">+</div>
                                        </div>
                                        <input type="hidden" class="total" value="0" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="shop_list" id="itme4">
                        <div class="checked">
                            <div class="checks"></div>
                        </div>
                        <div class="content">
                            <div class="content_top">
                                <div class="img">
                                    <img src="images/product.png" alt="">
                                </div>
                                <div class="text">
                                    <div class="tit">
                                        <p>LME 美妆 美体护理 杏仁蜂蜜身体保湿润肤乳500ml</p>
                                        <div></div>
                                    </div>
                                    <div class="price">
                                        <div class="price_left">
                                            <span>￥</span><span class="mon">50</span>
                                        </div>
                                        <div class="price_right">
                                            <div class="mrnus">-</div>
                                            <div class="cont">0</div>
                                            <div class="add">+</div>
                                        </div>
                                        <input type="hidden" class="total" value="0" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
    <div class="car public-lframe">
        <div class="car_left">
            <div id="quan" index="0"></div> &nbsp;&nbsp;全选
        </div>
        <div class="car_right">
            <div class="te">
                <p><i>合计:</i> <span> ￥</span><span id="money">0.00</span>（未含税价格）</p>
            </div>
            <div class="btn">
                去结算
            </div>
        </div>
    </div>
    <div class="public-footer">
        <div class="list clearfix">
            <ul class="list_above">
                <li class="item">
                    <a href="home.html">
                        <div class="footer_icon">
                            <img src="images/icon_home.png" alt="首页" srcset="">
                        </div>
                        <p>首页</p>
                    </a>
                </li>
                <li class="item">
                    <a href="#">
                        <div class="footer_icon">
                            <img src="images/icon_find.png" alt="发现" srcset="">
                        </div>
                        <p>发现</p>
                    </a>
                </li>
                <li class="item">
                    <a href="#">
                        <div class="footer_icon">
                            <img src="images/icon_message.png" alt="消息" srcset=""><i></i>
                        </div>
                        <p>消息</p>
                    </a>
                </li>
                <li class="item">
                    <a href="shopcar.html">
                        <div class="footer_icon">
                            <img src="images/icon_shopping2.png" alt="购物袋" srcset="">
                        </div>

                        <p class="chosen">购物袋</p>
                    </a>
                </li>
                <li class="item">
                    <a href="index.html">
                        <div class="footer_icon">
                            <img src="images/icon_my.png" alt="我的" srcset="">
                        </div>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>